<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>search</title>
</head>
    <script type="text/javascript" src="http://res.wx.qq.com/open/js/jweixin-1.6.0.js"></script>
    <script src="https://cdn.bootcdn.net/ajax/libs/zepto/1.2.0/zepto.min.js"></script>
<body>
    <h1 id="search">语音识别功能</h1>
    <div id="good">

    </div>
   
</body>
<script type="text/javascript">  
  wx.config({
    debug: true, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。
    appId: 'wx304d2651cb005cac', // 必填，公众号的唯一标识
    timestamp: '<%= timestamp %>', // 必填，生成签名的时间戳
    nonceStr: '<%= noncestr %>', // 必填，生成签名的随机串
    signature: '<%= signature %>',// 必填，签名
    jsApiList: [ 
        'chooseImage',
        'startRecord',
        'stopRecord',
        'translateVoice',

    ] // 必填，需要使用的JS接口列表
  }); 
  wx.ready(function(){
    // config信息验证后会执行ready方法，所有接口调用都必须在config接口获得结果之后，config是一个客户端的异步操作，所以如果需要在页面加载时就调用相关接口，则须把相关接口放在ready函数中调用来确保正确执行。对于用户触发时才调用的接口，则可以直接调用，不需要放在ready函数中。

    // 验证接口权限
    wx.checkJsApi({
      jsApiList: [
        'startRecord',
        'stopRecord',
        'translateVoice',
         ], // 需要检测的JS接口列表，所有JS接口列表见附录2,
      success: function(res) {
      // 以键值对的形式返回，可用的api值true，不可用为false
      // 如：{"checkResult":{"chooseImage":true},"errMsg":"checkJsApi:ok"}
      }
    });

    // 设置标志位，是否为录音中
    var isRecord = false 
    // 点击事件
    $('#search').on('click',function (){
      if(!isRecord){
        // 开始录音
        wx.startRecord()
        isRecord = true
      } else{
        wx.stopRecord({
          success: function (res) {
            // 结束录音后，会自动上传录音到微信服务器中，返回一个id给开发者使用
            var localId = res.localId

            // 将录音转化为文字
            // wx.translateVoice({
            //   localId: localId, // 需要识别的音频的本地Id，由录音相关接口获得
            //   isShowProgressTips: 1, // 默认为1，显示进度提示
            //   success: function (res) {
            //     alert(res.translateResult); // 语音识别的结果

            //   }
            // });
            isRecord = false
            // http://apis.juhe.cn/fapig/douyin/billboard?key=f20a64f251a71c323dab86e815917755&type=hot_video
            // https://movie.douban.com/?type=search&s=肖申克的救赎&page=0
            const url = 'https://api-hmugo-web.itheima.net/api/public/v1/goods/detail'
            $.get(url,{goods_id:2},function(data){
              // alert(data)
              // console.log(data)
              $('#good').html(data.message.goods_introduce) 
            })
            
          }
        })
      }
    })
    

  });
  wx.error(function(res){
    // config信息验证失败会执行error函数，如签名过期导致验证失败，具体错误信息可以打开config的debug模式查看，也可以在返回的res参数中查看，对于SPA可以在这里更新签名。
  })
</script>
</html>